jQuery(document).ready(function($) {
    // insert slider======================
    setTimeout(function() {    
        $('ul.crawler').append('<div id="top-menu-slider"></div>');
        if($('ul.crawler > li').hasClass('current-menu-item')) {
            var left = $('ul.crawler li.current-menu-item').position().left;
        	var width = $('ul.crawler li.current-menu-item').width();
            $('#top-menu-slider').css({'left' : left, 'width' : width});    
        } else if($('ul.crawler > li').hasClass('current-menu-parent')) {
            var left = $('ul.crawler > li.current-menu-parent').position().left;
        	var width = $('ul.crawler > li.current-menu-parent').width();
            $('#top-menu-slider').css({'left' : left, 'width' : width});
        } else {
            var left = $('ul.crawler li#menu-item-24').position().left;
        	var width = $('ul.crawler li#menu-item-24').width();
            $('#top-menu-slider').css({'left' : left, 'width' : width});
        }
    }, 1500);
     
	// initially reset
    $(window).on('resize', function() {
        if($('ul.crawler > li').hasClass('current-menu-item')) {
            var left = $('ul.crawler > li.current-menu-item').position().left;
        	var width = $('ul.crawler > li.current-menu-item').width();
            $('#top-menu-slider').css({'left' : left, 'width' : width});    
        } else if($('ul.crawler > li').hasClass('current-menu-parent')) {
            var left = $('ul.crawler > li.current-menu-parent').position().left;
        	var width = $('ul.crawler > li.current-menu-parent').width();
            $('#top-menu-slider').css({'left' : left, 'width' : width});
        } else {
            var left = $('ul.crawler li#menu-item-24').position().left;
        	var width = $('ul.crawler li#menu-item-24').width();
            $('#top-menu-slider').css({'left' : left, 'width' : width});
        }
    });

	// sliding
	$('ul.crawler li a').hover(function(){
	    if(window.IS_MOBILE != true) {
            if($(this).parents('ul').hasClass('sub-menu')) {
                var left = $(this).parents('.sub-menu').parent('li').position().left;
                var width = $(this).parents('.sub-menu').parent('li').width();
            } else {
                var left = $(this).parent().position().left;
                var width = $(this).parent().width();
            }
            
            $('#top-menu-slider').stop().animate({
    			'left' : left,
    			'width' : width
    		}, 200).css('overflow', 'visible');
            return false;
        } else {
            return false;
        }
	}, function() { //back to current item
        if(window.IS_MOBILE != true) {
            if($('ul.crawler > li').hasClass('current-menu-item')) {
                var left = $('ul.crawler li.current-menu-item').position().left;
        		var width = $('ul.crawler li.current-menu-item').width();	
            } else if($('ul.crawler > li').hasClass('current-menu-parent')) {
                var left = $('ul.crawler > li.current-menu-parent').position().left;
        		var width = $('ul.crawler > li.current-menu-parent').width();
            } else {
                var left = $('ul.crawler li#menu-item-24').position().left;
        	    var width = $('ul.crawler li#menu-item-24').width();
            }
            
            $('#top-menu-slider').stop().animate({
    			'left' : left,
    			'width' : width
    		}, 200).css('overflow', 'visible');
        return false;
        } else {
            return false;
        }
	});
    
    setInterval(function() {
        $('.portfolio-item').addClass('trans');
        /*$('a[rel*="lightbox-0"]').swipebox({
			useCSS: true,
			hideBarsDelay: 5000,
			videoMaxWidth: 1080
		});*/
    }, 1500);
    
    $('.mobile-toggle').on('click', function() {
        $(this).toggleClass('act');
        $('.mobile-menu-wrapper').toggleClass('act');
    })
    
    /*$('a[href*=#]').on('click', function() {
        if(window.location.hash) {
            $('html, body').animate({
                scrollTop: parseInt($(window.location.hash).offset().top) - 50
                }, 500)
        }
    });*/
    
    $(".right #aritist").click(function(e){
        e.preventDefault();
        $.scrollTo( '.career-page .middle-content', 500);
    });
    
    $(".right #art_qa").click(function(e){
        e.preventDefault();
        $.scrollTo( '.career-page .bottom-content', 500);
    });
    
    $('.nav-tabs a').click(function (e) {
        e.preventDefault()
        $(this).tab('show');
    })
    
    $('.nav-tabs a[href="#3d"]').tab('show');
    
    $(window).on('load', function() {
         setTimeout(function() {
            $('.load-img').css('display','none');
            $('.sliderus-item').addClass('loaded');
        }, 100);
        $('.content-team').css("display","block");
        $('#slider-categories > div > span').css('height', "100%");
        
        if(!window.IS_MOBILE) {
            $('#slider-categories').FlowSlider({
                marginStart: 12,
                marginEnd: 11,
                controllerOptions: [{
                    mouseStart: 210,
                    mouseEnd: 210
                }]
            });
        }
        
        $maxSlides = (window.ONLY_MOBILE == true && $(window).width() < 600)? 1: 3; 
        $('.bxslider').bxSlider({
             minSlides: $maxSlides,
             maxSlides: $maxSlides,
             slideWidth: 162,
             slideMargin: 50,
             auto: true
        });
        if ($maxSlides == 1) {
            $('.portfolio-slider').bxSlider({
                 minSlides: $maxSlides,
                 maxSlides: $maxSlides,
                 slideWidth: 280,
                 slideMargin: 20,
                 speed: 9000,
                 infiniteLoop: true,
                 ticker: true
            });
        }
    });
    
});